import React from 'react'
import { Search, Sticky, Toast, Tabbar } from 'react-vant';
import '../components/Shouye.less'
import { FriendsO, HomeO, SettingO } from '@react-vant/icons'
import { Outlet,useNavigate } from 'react-router-dom';

export default function Shouye() {
   let navigate=useNavigate()
    return (
        <div>
           
            <Outlet />

            {/* 底部标签 */}
            <Tabbar onChange={(val)=>{
                navigate(val)
              console.log(val);
        
            }}>
                <Tabbar.Item icon={<HomeO />}  name='/shou/index'>首页</Tabbar.Item>
                <Tabbar.Item icon={<HomeO />}  name='/shou/scenicSpot'>景区</Tabbar.Item>
                {/* <Tabbar.Item icon={<HomeO />} name="/shou/hotel">酒店</Tabbar.Item> */}
                <Tabbar.Item icon={<FriendsO />} name="/shou/travel">出行</Tabbar.Item>
                <Tabbar.Item icon={<FriendsO />} name="/shou/mine">我的</Tabbar.Item>
            </Tabbar>

        </div >
    )
}

